<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<script>

			// 单行注释
			/*
				多行注释
			*/
			// 弹框
			// js会阻断页面的加载
			// alert("双击666");

			// 页面加载完成以后会走这里面的代码
			window.onload = function() {
				// 获取页面中id为box的元素
				// var boxDiv = document.getElementById("box");

				// 浏览器控制台输出日志
				// console.log(boxDiv);
			};

		</script>
		<style>
			#box {
				width: 200px;
				height: 200px;
				background-color: red;
			}

		</style>
	</head>
	<body>

		<!-- 
			javaScript代表网页的行为, 是一种直译式脚本语言, 是一种动态的, 弱类型的, 基于原型的脚本语言.
		 -->
		<div id="box"></div>
		
	</body>
	<script></script>
</html>
<script>
	// 获取页面中id为box的元素
	var boxDiv = document.getElementById("box");

	// 浏览器控制台输出日志
	console.log(boxDiv);


</script>
<!-- 引入外部js -->
<script src="index.js"></script>



